.flexy-menu{margin:0;padding:0;position:relative;float:left;font-family:"Source Sans Pro",Segoe UI,Arial;list-style:none;background:#3CF}
.flexy-menu li{display:inline;font-size:13px;margin:0;padding:0;float:left;line-height:20px;position:relative}
.flexy-menu>li>a{
    padding:5px 5px;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-transition:color .2s linear,background .2s linear;
    -moz-transition:color .2s linear,background .2s linear;
    -o-transition:color .2s linear,background .2s linear;
    transition:color .2s linear,background .2s linear}
.flexy-menu li:hover>a,
.flexy-menu li.active a{background:#3CF;color:#fff}
.flexy-menu li.right{float:right}
.flexy-menu ul,
.flexy-menu ul li ul{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:99999;width:130px;background:#00BFFF;box-shadow:0 1px 1px rgba(0,0,0,0.3)}
.flexy-menu ul{top:36px;right:-30px;}
.flexy-menu ul li ul{top:0;left:100%}
.flexy-menu ul li{clear:both;width:100%;border:0;font-size:12px;}
.flexy-menu ul li a{
    padding:10px 20px;
    width:100%;
    color:#fff;
    font-size:13px;
    text-align:left;
    text-decoration:none;
    display:inline-block;
    float:left;
    clear:both;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition:color .2s linear,background .2s linear;
    -moz-transition:color .2s linear,background .2s linear;
    -o-transition:color .2s linear,background .2s linear;
    transition:color .2s linear,background .2s linear}
.flexy-menu i{line-height:20px!important;margin-right:5px;font-size:18px;float:left;width: 15px;height: 22px;background: url(../images/skin_icons.png) -42px -318px no-repeat;vertical-align: middle;}
